2023年前半年前端面試心得

前端面試

janlin002 2023-03-16 09:21:48 ‧ 4888 瀏覽

分享至

文章同步發表到 Medium 上面，有興趣的讀者可以去看看

這篇文章跟以往的文章不太一樣，這次是比較生活一點，來講一下為期快四個月的前端面試過程

背景簡介

24歲，兩年經驗非本科系出生，畢業後靠著線上課程跟 Youtube 活到現在，技能樹主要是前端，包含 React, Vue 都有碰過，這次求職的目標會擺在:

團隊：希望可以是有點規模的團隊，已經厭倦了單打獨鬥的感覺
產業：不做博弈、不做接案、駐點

求職

這次種共面試了 12 家公司，並且拿到 2 家公司的錄取通知，真的不得不說，現在這個時間點找工作真的很困難
面試的公司:

浩克娛樂
初陽科技
易遊網
可樂旅遊
雄獅旅遊
Beseye
Link Bank
verybuy
特力屋
新加坡商騰雲方舟
悅慶科技
Oneclass

面試

浩克娛樂
這家公司是我在去年 8 月多的時候面試的，比較特別的是面試完的當天就確診，所以面試計畫就一直擱著，直到 12 月才重新開始，公司本身是做接案，基本上是一人一個專案，並且想使用什麼套件都是自由決定，甚至框架都能自己選擇(不確定現在是不是還是這樣)
第一關：現場面試，會由設計師跟工程師一起面試
考了 Css, JavaScript, React，不過都算基礎

Position
Float
Grid
Scope
Hoisting
Thunk vs saga
Class component vs hook

這家公司給我的感覺還好，不過面試官給我的感覺很好，他有實際到我的 Github 上面玩我的專案，並且有在最後給予一點回饋
總面試時長: 2 hours
結果: 無聲卡

初陽科技
這家公司蠻特別的條件也開的蠻親民的，所以很多人都有去面試，我的前同事也有去面試，並且有被錄取
第一關: 視訊面試，會有一位 HR 跟一位工程師面試
考了非常簡單的React跟網路知識

var let const
useState vs useEffect
localStorage vs cookie vs sessionStorage
現在公司的git流程

特別的是他們的上班時間，是中午12點到晚上9點
總面試時長: 0.5 hours
結果: 無聲卡

易遊網
在面試前，會有一個前測作業，要使用 React 做一個 TodoList，設計稿會由易遊網提供，並使用 CodeSandBox 做撰寫，基本上還算簡單兩三個小時大概就能完成，繳交當天就收到面試邀約

當天面試前會再有一個程式測驗，不過也算簡單，考了一些很基本的 HTML跟 Css，還有 JavaScript 會 console 出什麼結果的那種考題，網路上基本上都能找到練習題

第一關: 視訊面試，會由三位工程師一起面試
視訊面試的考題都是環繞在網路知識的部分，可能是因為有前測作業了吧，所以 HTML, Css, JavaScript 在視訊面試中幾乎沒考到

簡單敘述 Cors, 如何解決
是否能夠切版 RWD
前端部署步驟
xss 攻擊
Call() vs apply()

必較特別的是會請你現場改寫前測作業，也沒有到特別難，不過老實說當下真的會腦袋一片空白，所以也就沒答出來，只能說現場的 coding 能力還是需要培養的
總面試時長: 2 hours
結果: 感謝函

可樂旅遊
會有前測作業，不過不是程式相關是性向測驗，然後面試當天會再寫一份性向測驗，跟一份反應測驗，並且會限時，這部分我就不太清楚該怎麼準備了，平常多寫性向測驗？
第一關: 現場面試，會由兩位工程師一起面試
不過考題的部分，算是涉略蠻廣的，有些題目也算是蠻有深度的

結構付值展開運算子
現團隊的css是怎麼管理的
Grid vs flex
垂直致中
Event loop
Macrotask vs microtask
團隊遇到衝突如何解決? code review的標準?
Js 浮點數原理？如何精準處理浮點數？

總面試時長: 2 hours
結果: 感謝函

雄獅旅遊
不得不說雄獅旅遊果然是大公司，環境非常的漂亮，從大門到會客室都非常漂亮，不過有點偏僻就是了
第一面:現場面試，兩位工程師一起面試

可能是在我面試前，他們已經找到確定的人選了，所以全程都在聊天，從公司的技術線到公司的制度部分聊好聊滿

總面試時長: 1.5 hours
結果: 感謝函

Beseye
這家公司是主動邀約，並且在104沒有開職缺，他們是說因為投遞的人很多都不符合他們的預期，所以自己出來找，基本上會分成三部分: 簡單聊天面試, 技術面, HR面

第一面:視訊面試，一位前端工程師面試
因為第一面是簡單聊天，所以沒有太多的技術層面，考的部分以了解個人為主
在工作中遇過比較有挑戰性的項目，後來怎麼解決

常用的 Array 方法
useMemo, useCallback, useEffect 差異
幫自己的 HTML, CSS, JS 打分數(滿分10分)
怎麼定義好主管，壞主管
說出自己有的三個優點三個缺點

平常因為比較注重在程式部分，所以這種行為面試就面的很爛，所以一面就以無聲卡收尾了

不過要特別說一下，一面的主考官跟HR都非常親切，且很有禮貌，整體的感覺很好
總面試時長: 35 minutes
結果: 無聲卡

Link Bank
會有一個前測作業，一題基本 JavaScript 兩題 Graph，題目部分要保密，這邊就不公開了，由於前公司正在幫Line Bank開發部分功能，所以順利拿到面試，不過這邊有個有趣的事是後來聽同事說才知道的，前公司是拿我所負責的專案談到 Link Bank 的專案，並且是拿這個專案過去改，也許未來在使用Line Bank 時會發現跟我們一模一樣的架構吧？

第一面:線上面試，由三位工程師一起面試
這邊他們分工分得很細: 一個考經歷，一個考JS，一個考Css，並且考題一樣蠻廣的，不過不至於到太難，這部分其實是我沒有料到的，因為筆試部分蠻難的

event loop
useCallback, useMemo, memo
controlled component vs uncontrolled component
function declaration vs function expression
如何實現Object深拷貝，深拷貝的缺點
redux-saga put call fork 差異
css 權重
xss攻擊方法，如何解決
CSRF 攻擊，如何解決
cors，http method 哪一個方法在解決cors問題
如何讓 js 實現多線程(web worker)
如何提升SEO

回答的部分，只需要稍微講一下就好，只是在確認你知道這個東西而已，這邊覺得第一次離大公司很近的感覺，且視訊面試整題感覺答的也不差，可能是筆試部分拉低了分數，結論就是還是要更勤的刷題啊
總面試時長: 1 hours
結果: 無聲卡

verybuy
前測作業會有三題限時40分鐘，不過要說一下，這家公司會特定跟你約"筆試"時間，並且日後再決定是否面試，所以建議不要跟公司請假，本人就跟公司請了一天的假，結果只寫了筆試，且沒有後續消息
總面試時長: 40 minutes

特力屋
一開始會先有一個半小時的前測包含邏輯測驗跟程式測驗，考題部分除了基本 HTML,Css, JavaScript 外，比較多的是「為什麼需要XXX?」「XXX的優缺點?」「XXX跟OOO的差異在哪?」

第一面: 現場面試，會由兩位工程師跟一位主管一起面試
主管確診所以是現場連線
考的部分都是我文章裡面的內容

Vite vs webpack差異
Vite production 機制
Vue react 差異
SEO 流程
公司目前有做什麼提升SEO?
Rd如何跟pm合作
Rd如何跟設計師合作

整體面試過程蠻愉快的，後續也順利拿到Offer，不過薪水跟我預期的部分還是有點落差，所以只能忍痛拒絕

這邊提醒一下，特力屋的回覆時間拉得比較長一點，像是這次面試完兩個禮拜後才通知，本來還以為無聲卡了，所以如果不確定結果的話，可考慮打電話過去確認一下
總面試時長: 3.5 hours
結果: 拿到 Offer
One class
這家公司一天會有三面，約要三個小時左右
第一面: 由兩位工程來面試
會考個基本的JavaScript
event-loop
閉包
debounce throttle

debounce throttle因為有點忘記了，所以答的很爛，並且會問蠻多現在公司的Git流程之類的

第二面: 由兩位PM來面試
基本上就是問一些情境題，並去了解你如何解決這樣的問題
第三面: 技術主管
整個過程聊了很多公司目前的專案，並且了解一下公司的制度，包含上下班時間跟請假部分
這家公司使用的技術走得很前面，並且感覺大家都很熱於吸收新知，光是面試就學到了不少東西

總面試時長: 3 hours
結果: 拿到 Offer

(沒寫到的公司，單純是忘記了面試過程了)